@charset "UTF-8";
/* CSS Document */

html,body{ font-size:16px; padding:0; margin:0 auto; font-family:Arial,Microsoft YaHei,Helvetica,sans-serif;}
body{ background:url(../images/bg.png); }
ul,li,dl,dd{ list-style:none; margin:0 auto; padding:0;}
img{ border:none;}
a{ color:#666; text-decoration:none; cursor:pointer; }
a:hover{text-decoration:none;}
.header{width:1100px; height:90px; padding:20px 0; padding-left:40px; overflow:hidden; margin:0 auto;} 
.logo{ float:left;} 

.logo{ margin:0 auto; width:550px; height:60px;}
	.logo img{ float:left; margin-right:10px;  padding-top:10px;}
	.logo h1{ font-size:28px; color:#fff; font-weight:normal; line-height:0px; margin-top:35px;}
	.logo p{ color:#fff; font-size:12px; line-height:12px;}
.time{ float:right; width:390px;}
/*工具栏*/
.toolbar{ height:30px; line-height:30px; background:url(../images/barbg.gif) repeat-x #fff; font-size:12px; color:#999; padding:0 20px; clear:both;}
.toolbar i{ color:#4b7be3; margin:0 5px;}
.toolbar a{ color:#4b7be3; padding-left:20px; background:url(../images/liuyan.png) no-repeat; height:30px; text-decoration:underline;}
.tool{ width:250px; position:relative; float:right; text-align:right;}
.tool a{ background:none;text-decoration:none; color:#999;} 
.tool a img{ position:relative; top:3px; margin-right:5px;}
.tool a:hover{ color:#4b7be3;} 
.welcome{ float:left; width:500px;}
/* clock */
.clock{font-family:Helvetica, Arial;font-size:50px; margin-top:10px; height:65px;line-height:65px;width:140px; float:left; }
.clock em,.clock b{float:left;font-weight:normal;  background: linear-gradient(to bottom, #fff, #c6d5f3);
        -webkit-background-clip: text;
        color: transparent; word-spacing:8px; letter-spacing: 1px;
		color:#fff\9;
		background:none\9;
		font-style:normal;
		}
.clock b{font-family:Microsoft YaHei; font-weight:normal; position:relative; top:-5px;}

/* 主体内容 */
.content{ width:1100px; margin:0 auto;  margin-top:35px;}

.choice li{ width:200px; height:270px; background:#fff; border-radius:10px; float:left; display:block; margin-left:20px;}

.blueline,.orangeline,.redline,.pinkline,.greenline{ height:210px; width:100%; background:#8590a6\9; border-radius:8px 8px 0 0;}
.blueline{background: -webkit-linear-gradient(-45deg, #4961fb, #b6f0dc); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-45deg,  #4961fb, #b6f0dc); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-45deg, #4961fb, #b6f0dc); /* Firefox 3.6 - 15 */
    background: linear-gradient(-45deg,  #4961fb, #b6f0dc); /* 标准的语法（必须放在最后） */}
.orangeline{background: -webkit-linear-gradient(-45deg, #fa762d, #fedf7d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-45deg, #fa762d, #fedf7d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-45deg, #fa762d, #fedf7d); /* Firefox 3.6 - 15 */
    background: linear-gradient(-45deg, #fa762d, #fedf7d); /* 标准的语法（必须放在最后） */}
.redline{background: -webkit-linear-gradient(-45deg, #b53460, #f89f82); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-45deg, #b53460, #f89f82); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-45deg, #b53460, #f89f82); /* Firefox 3.6 - 15 */
    background: linear-gradient(-45deg, #b53460, #f89f82); /* 标准的语法（必须放在最后） */}
.pinkline{background: -webkit-linear-gradient(-45deg, #cc2bfd, #fae1b7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-45deg, #cc2bfd, #fae1b7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-45deg, #cc2bfd, #fae1b7); /* Firefox 3.6 - 15 */
    background: linear-gradient(-45deg, #cc2bfd, #fae1b7); /* 标准的语法（必须放在最后） */}
.greenline{background: -webkit-linear-gradient(-45deg, #2dbebc, #72e0a6); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-45deg, #2dbebc, #72e0a6); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-45deg, #2dbebc, #72e0a6); /* Firefox 3.6 - 15 */
    background: linear-gradient(-45deg, #2dbebc, #72e0a6); /* 标准的语法（必须放在最后） */}
.choice li p{ color:#3f506a; text-align:center; font-size:16px;}
.choice li img{ margin:0 auto; display:block; padding:40px;}
.choice li:hover img{-webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}
.choice li:hover img{ -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);

  }
.choice li{ transition: All 0.2s ease-in-out;
            -webkit-transition: All 0.2s ease-in-out;
            -moz-transition: All 0.2s ease-in-out;
            -o-transition: All 0.2s ease-in-out;}
.choice li:hover{transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		-o-transform: scale(0.95);
		-ms-transform: scale(0.95);}
/*登录日志*/
.loglist{ width:600px; height:83px; color:#fff; font-size:14px; background:#2fa9ff; padding:10px 20px; border:1px solid #0089e9; margin-top:40px; display:block; overflow-y:scroll;}
.loglist dd span{
	margin-right:50px;
	color:#F33
} 
.loglist dd { line-height:22px;}
 
.loglist dd a{
	color:#F93;
}

/*登录*/
.content2{width:1040px; height:650px; background:url(../images/bg001.png) no-repeat; background-size:cover; margin:0 auto; }
.content2 img{ display:block; margin:0 auto; padding-top:70px; margin-bottom:30px;}
.login{margin-left:230px; width:600px; height:150px; background:url(../images/loginbg.png) no-repeat; padding-left:15px;}
.login input[type=text],.login input[type=password]{ margin:13px 7px; height:47px; width:220px; font-size:16px; padding:0 10px; border:1px solid #f5f6f8; background:#f5f6f8;}
.loginBtn{ height:66px;  margin-left:7px; width:50px; background:none;border:none; opacity:0; cursor:pointer;}
.xuanze{ line-height:50px; width:560px;  color:#8197ac; text-align:center;}
.xuanze a{ color:#8197ac;}
.xuanze input[type=checkbox]{ margin-right:5px; position:relative; top:-2px;}
.bottom{ min-width:1040px; width:100%; line-height:30px; background:#2d3748; text-align:center; color:#fff; font-size:12px; position:fixed; bottom:0;}
.tishi{ text-align:center; color:#FF6E70; margin-top:50px; font-size:12px;}
